<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>个人信息</title>
    <link rel="stylesheet" href="../../lib/layui/css/layui.css" />
    <link rel="stylesheet" href="../../css/common/default_style.css">
    <style>
        body{
            overflow: hidden;
        }
        #main-div{
            margin-top: 240px;
            min-height: 500px;
            /*background-color: rgba(100,100,144,.5);*/
        }
        #avatar{
            padding:8px;
            /*backdrop-filter: blur(59px);*/

            border: 3px double #ccc;
            position: absolute;
            border-radius: 50%;
            overflow: hidden;
            margin-left: 50px;
            margin-top: -100px;
            width: 160px;
            height: 160px;

        }
        #avatar img{
            width: 120%;
            margin-top: -10%;
            margin-left: -10%;
        }
        #name-div{
            position: absolute;
            margin-top: -1.4em;
            margin-left: 250px;
            color: #eee;
            font-size: 40px;
        }
        #name-div div{
            display: inline-block;
            padding-right: 10px;
        }
        #username{
            font-size: 20px;
        }
        #sign{
            position: absolute;
            margin-left: 250px;
            margin-top: 10px;

        }
        .main-info{
            margin-top: 130px;
            margin-left: 50px;
        }
        .disc-item{
            display: inline-block;
            min-width: 100px;

        }
        #post-info{
            position: absolute;

            margin-left: 150px;
            margin-top: 50px;
        }
        .post-info-item{
            display: inline-block;
            min-width: 100px;
            margin-left: 100px;
        }

        .my-button{
            font-size: initial;
            color: #eee;
        }


    </style>
</head>

<body onload="loadData()">


<!-- 主要页面 -->

<div id="main-div">
    <!-- 头部信息 -->
    <div id="avatar">
        <div id="avatar-inner" style="width:99%;height:99%;border:1px solid; overflow: hidden;border-radius: 50%;">
        <img  src="../../img/avatar/default.png"/>
        </div>
    </div>
    <div id="name-div"><div id="nickname">昵称</div><div id="username">@yezime</div>
        <div id="change-info"><button class="my-button" onclick="changeInfo()">修改个人信息</button></div>
    </div>
    <div id="sign">个性签名~</div>
    <div id="post-info">
    <div class=" post-info-item">发帖数：<span id="post-cnt">-</span></div>
    <div class=" post-info-item">回帖数：<span id="reply-cnt">-</span></div>
    </div>
    <div class="main-info">
        <div>
        <div class="disc-item">性别：<span id="sex">-</span></div>
        <div class="disc-item">现在在<span id="province"></span>,<span id="city"></span></div>
        </div>
        <div style="margin-left: 30px;margin-top: 30px;">
        <div class="disc-item" style="min-width: 200px">最后登录时间：<span id="last-login-time"></span></div>
        <div class="disc-item">注册时间：<span id="regis-time"></span></div>
        </div>
    </div>
</div>
<script src="../../lib/jquery-3.7.0.js"></script>
<script src="../../lib/layui/layui.js"></script>
<script src="../../js/tools.js"></script>
<script src="../../js/pages/user/info.js"></script>
<script>

</script>
</body>

</html>